:root {
    --lightwaveBox-boxShadowC: rgb(66, 170, 255);
}
.lightwave_box {
    position: relative;
    padding: 0px;
    top: 150px;
    left: 50%;
    width: 70px;
    height: 70px;
    transform: translateX(-50%);
}
.lightwave_box div {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
.lightwave_box .lightwave_a {
    background-color: transparent;
    box-shadow: 0px 0px 20px 0px var(--lightwaveBox-boxShadowC);
    animation: lightwaveMov 2s ease 0s infinite;
}
.lightwave_box .lightwave_b {
    background-color: transparent;
    box-shadow: 0px 0px 20px 0px var(--lightwaveBox-boxShadowC);
    animation: lightwaveMov 2s ease 0.8s infinite;
}
.lightwave_box .lightwave_c {
    background-color: transparent;
    box-shadow: 0px 0px 20px 0px var(--lightwaveBox-boxShadowC);
    animation: lightwaveMov 2s ease 1.5s infinite;
}
@keyframes lightwaveMov {
    0%{
        width: 0%;
        height: 0%;
    }
    100% {
        width: 80%;
        height: 80%;
    }
}
.lightwave_box .fixed_d {
    width: 5%;
    height: 5%;
    box-shadow: 0px 0px 5px 0px var(--lightwaveBox-boxShadowC);
    background-color: var(--lightwaveBox-boxShadowC);
}